<template>
  <div class="q-pa-md q-gutter-sm">
    <q-toggle v-model="model" label="Disable highlighting"></q-toggle>
    <q-toggle v-model="model2" label="Disable line numbers"></q-toggle>
    <q-markdown
      :no-highlight="model"
      :no-line-numbers="model2"
      show-copy
    >
    Indented code

Inline `code`

    // Some comments
    line 1 of code
    line 2 of code
    line 3 of code

Block code "fences"

```
Sample text here...
```

Syntax highlighting

```js
var foo = function (bar) {
  return bar++;
};

console.log(foo(5));
```
    </q-markdown>
  </div>
</template>

<script>
export default {
  data () {
    return {
      model: false,
      model2: false
    }
  }
}
</script>
